<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<ui:composition template="template.xhtml">
	<ui:define name="corpo">
		<h2>Dados pessoais</h2>

		<h:form id="cadPessoa">

			<p:dialog widgetVar="dialogCadastroPessoa" header="Dados do Usuario"
				closable="false" resizable="false" modal="true" hideEffect="slide"
				showEffect="clip" draggable="false">

				<h:panelGrid id="displayPessoa" columns="3" cellpadding="4"
					style="margin:0 auto;">

					<h:outputLabel value="Nome: " />
					<p:inputText id="nome" value="#{pessoaBean.pessoa.nome}"
						title="Insira aqui o nome." />
					<p:message for="nome"></p:message>

					<h:outputLabel value="CPF: " />
					<p:inputMask mask="999.999.999-99" value="#{pessoaBean.pessoa.CPF}"
						id="txtCPF" label="CPF" title="Insira aqui o CPF">
					</p:inputMask>
					<p:message for="txtCPF"></p:message>

					<h:outputLabel value="Email: " />
					<p:inputText type="text" id="txtEmail"
						value="#{pessoaBean.pessoa.email}" title="Insira aqui o e-mail" />
					<p:message for="txtEmail"></p:message>

					<h:outputLabel value="Telefone: " />
					<p:inputMask mask="(99)9999-9999" id="txtTel"
						value="#{pessoaBean.pessoa.telefone}"
						title="Insira aqui o telefone" />
					<p:message for="txtTel"></p:message>

					<h:outputLabel value="Login: " />
					<p:inputText id="login" value="#{pessoaBean.pessoa.login}"
						title="Insira aqui o login" required="true" />
					<p:message for="login"></p:message>

					<h:outputLabel value="Senha: " />
					<p:password id="senha1" value="#{pessoaBean.pessoa.senha}" validatorMessage="As senhas não conferem, favor redigitar"
						title="Insira aqui a senha" match="senha2" required="true" requiredMessage="Favor digitar a senha"/>
					<p:message for="senha1"></p:message>

					<h:outputLabel value="Confirmação senha " />
					<p:password id="senha2" value="#{pessoaBean.pessoa.senha}"
						required="true" title="Insira aqui a senha" requiredMessage="Favor digitar a senha"/>
					<p:message for="senha2"></p:message>

										<h:outputText></h:outputText>
					<p:commandButton id="btsalvar" value="Salvar"
						rendered="#{pessoaBean.pessoa.id == null}"
						actionListener="#{pessoaBean.gravarPessoa}"
						update=":formulario:tabelaPessoa displayPessoa"
						oncomplete="handleCadastroPessoaRequest(xhr, status, args)">
					</p:commandButton>

					<p:commandButton id="btAlterar" value="Alterar"
						rendered="#{pessoaBean.pessoa.id != null}"
						actionListener="#{pessoaBean.alterarPessoa}"
						update=":formulario:tabelaPessoa displayPessoa"
						oncomplete="handleCadastroPessoaRequest(xhr, status, args)">
					</p:commandButton>

					<p:commandButton value="Voltar" update="displayPessoa"
						process="@this" oncomplete="dialogCadastroPessoa.hide()"
						action="#{pessoaBean.limparPessoa()}">
						<p:resetInput target="displayPessoa" />
					</p:commandButton>
				</h:panelGrid>

			</p:dialog>

			<script type="text/javascript">
				function handleCadastroPessoaRequest(xhr, status, args) {
					if (args.validationFailed || !args.gravado) {
						jQuery('#dialogCadastroPessoa').effect("shake", {
							times : 3
						}, 100);
					} else {
						dialogCadastroPessoa.hide();
					}
				}
			</script>

		</h:form>
		<h:form id="formulario">

			
				<h:panelGrid id="tabelaPessoa" columns="2">


					

					<h:outputLabel value="Nome: " />
					<h:outputText value="#{loginBean.pessoa.nome}" />
					<h:outputLabel value="CPF" />
					<h:outputText value="#{loginBean.pessoa.CPF}" />

					<h:outputLabel value="Email" />
					<h:outputText value="#{loginBean.pessoa.email}" />
					<h:outputLabel value="Telefone" />
					<h:outputText value="#{loginBean.pessoa.telefone}" />
					<h:outputLabel value="Empresa" rendered="#{loginBean.pessoa.perfil != 'ALUNO'}" />
					<h:outputText value="#{loginBean.pessoa.empresa.nome}" />
					<h:outputLabel value="" rendered="#{loginBean.pessoa.perfil != 'ALUNO'}" />

					<p:commandLink update=":cadPessoa:displayPessoa" title="Editar"
						oncomplete="dialogCadastroPessoa.show()">
						<f:setPropertyActionListener value="#{loginBean.pessoa}"
							target="#{pessoaBean.pessoa}" />
						<p:graphicImage value="resources/imagens/editar.png" width="24px"
							height="24px" />
					</p:commandLink>



				</h:panelGrid>
			
		</h:form>

		<h:form id="formRemovePessoa">
			<p:dialog header="Têm certeza que deseja apagar?"
				widgetVar="popupRemovePessoa" resizable="false"
				id="popupRemovePessoa" showEffect="fade" hideEffect="explode"
				closable="false" modal="true">

				<p:panel id="panelRemovePessoa" columns="2">

					<p:commandButton value="Sim, remover"
						action="#{pessoaBean.removerPessoa}"
						update=":formulario:tabelaPessoa"
						oncomplete="popupRemovePessoa.hide()" />

					<p:commandButton value="Não remover"
						action="#{pessoaBean.limparPessoa}"
						onclick="popupRemovePessoa.hide()" />
				</p:panel>
			</p:dialog>
		</h:form>

	</ui:define>
</ui:composition>
</html>